<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <ui:page binding="#{crearVariable.page1}" id="page1">
            <ui:html binding="#{crearVariable.html1}" id="html1">
                <ui:head binding="#{crearVariable.head1}" id="head1">
                    <ui:link binding="#{crearVariable.link1}" id="link1" url="/resources/stylesheet.css"/>
                </ui:head>
                <ui:body binding="#{crearVariable.body1}" id="body1" onLoad="displayAlertBox()" style="-rave-layout: grid">
                    <ui:form binding="#{crearVariable.form1}" id="form1" virtualFormsConfig="">
                        <ui:dropDown binding="#{crearVariable.relacionadaDropDown}" id="relacionadaDropDown"
                            items="#{crearVariable.relacionadaDropDownDefaultOptions.options}"
                            onChange="common_timeoutSubmitForm(this.form, 'relacionadaDropDown');"
                            style="font-size: 10px; left: 216px; top: 432px; position: absolute; z-index: 500" valueChangeListener="#{crearVariable.relacionadaDropDown_processValueChange}"/>
                        <ui:label binding="#{crearVariable.codigoLabel}" for="codigoTextField" id="codigoLabel" requiredIndicator="true"
                            style="left: 72px; top: 192px; position: absolute" text="Codigo"/>
                        <ui:textField binding="#{crearVariable.codigoTextField}" id="codigoTextField" maxLength="20"
                            style="left: 216px; top: 192px; position: absolute; width: 144px" tabIndex="1"/>
                        <ui:staticText binding="#{crearVariable.maximoCaracteres20StaticText}" id="maximoCaracteres20StaticText"
                            style="font-size: 10px; left: 72px; top: 216px; position: absolute" text="Maximo 20 carateres"/>
                        <ui:label binding="#{crearVariable.descripcionLabel}" for="descripcionTextArea" id="descripcionLabel" requiredIndicator="true"
                            style="left: 72px; top: 240px; position: absolute" text="Descripcion"/>
                        <ui:textArea binding="#{crearVariable.descripcionTextArea}" id="descripcionTextArea"
                            style="height: 48px; left: 216px; top: 240px; position: absolute; width: 264px" tabIndex="2"/>
                        <ui:staticText binding="#{crearVariable.maxCaracters100StaticText}" id="maxCaracters100StaticText"
                            style="font-size: 10px; left: 72px; top: 264px; position: absolute" text="Maximo 100 carateres"/>
                        <ui:label binding="#{crearVariable.exigibleLabel}" id="exigibleLabel" style="left: 72px; top: 312px; position: absolute" text="Exigible"/>
                        <ui:label binding="#{crearVariable.areaSolicitudLabel1}" id="areaSolicitudLabel1" style="left: 72px; top: 336px; position: absolute" text="Area de solicitud"/>
                        <ui:dropDown binding="#{crearVariable.areaSolicitudDropDown}" id="areaSolicitudDropDown"
                            items="#{crearVariable.sct0020DataProviderCrearVariable.options['SCT0020.CDGOAREASLCTUD,SCT0020.CDGOANDDSCRPCION']}"
                            style="font-size: 10px; left: 216px; top: 336px; position: absolute; width: 384px" tabIndex="4"/>
                        <ui:label binding="#{crearVariable.tipoDatoLabel}" id="tipoDatoLabel" style="left: 72px; top: 360px; position: absolute" text="Tipo dato"/>
                        <ui:label binding="#{crearVariable.label1}" id="label1" style="height: 22px; left: 72px; top: 384px; position: absolute; width: 118px" text="Clase de variable ?"/>
                        <ui:dropDown binding="#{crearVariable.historicaBasicaDropDown}" id="historicaBasicaDropDown" items="#{crearVariable.listaTipoVariable}"
                            onChange="" style="font-size: 10px; left: 216px; top: 384px; position: absolute; width: 96px" tabIndex="6" valueChangeListener="#{crearVariable.historicaBasicaDropDown_processValueChange}"/>
                        <ui:label binding="#{crearVariable.definirRestriccionLabel}" id="definirRestriccionLabel"
                            style="left: 72px; top: 408px; position: absolute" text="Definir Restriccion"/>
                        <ui:dropDown binding="#{crearVariable.definirRestriccionDropDown}" id="definirRestriccionDropDown"
                            items="#{crearVariable.listaDefinirRestricciones}" onChange="common_timeoutSubmitForm(this.form, 'definirRestriccionDropDown');"
                            style="font-size: 10px; left: 216px; top: 408px; position: absolute; width: 120px" tabIndex="7" valueChangeListener="#{crearVariable.definirRestriccionDropDown_processValueChange}"/>
                        <ui:button action="#{crearVariable.guardarButton_action}" binding="#{crearVariable.guardarButton}" id="guardarButton" mini="true"
                            primary="true" style="left: 71px; top: 168px; position: absolute; width: 72px" tabIndex="17" text="Crear"/>
                        <ui:label binding="#{crearVariable.longiotudLabel}" for="longitudDeCapturaTextField" id="longiotudLabel"
                            style="left: 72px; top: 432px; position: absolute" text="Longitud de captura"/>
                        <ui:textField binding="#{crearVariable.longitudDeCapturaTextField}" id="longitudDeCapturaTextField"
                            style="left: 216px; top: 432px; position: absolute; width: 48px" tabIndex="9"/>
                        <ui:alert binding="#{crearVariable.alert1}" id="alert1" style="height: 46px; left: 360px; top: 360px; position: absolute; width: 454px"/>
                        <ui:label binding="#{crearVariable.valorMinimoLabel}" id="valorMinimoLabel" style="left: 72px; top: 432px; position: absolute" text="Valor Minimo"/>
                        <ui:label binding="#{crearVariable.valorMaximoLabel}" id="valorMaximoLabel" style="left: 72px; top: 456px; position: absolute" text="Valor Maximo"/>
                        <ui:textField binding="#{crearVariable.valorMinimoTextField}" id="valorMinimoTextField"
                            style="left: 216px; top: 432px; position: absolute; width: 120px" tabIndex="10"/>
                        <ui:textField binding="#{crearVariable.valorMaximoTextField}" id="valorMaximoTextField"
                            style="left: 216px; top: 456px; position: absolute; width: 120px" tabIndex="11"/>
                        <ui:checkbox binding="#{crearVariable.fechaActualLimiteCheckBox}" id="fechaActualLimiteCheckBox" label="Valor Maximo: Fecha actual"
                            onClick="common_timeoutSubmitForm(this.form, 'fechaActualLimiteCheckBox');" style="left: 72px; top: 480px; position: absolute"
                            tabIndex="6" valueChangeListener="#{crearVariable.fechaActualLimiteCheckBox_processValueChange}"/>
                        <ui:staticText binding="#{crearVariable.titulo1}" id="titulo1"
                            style="color: rgb(108, 154, 154); font-family: 'Times New Roman','Times',serif; font-size: 18px; left: 72px; top: 120px; position: absolute" text="Crear variable"/>
                        <div style="left: 0px; top: 0px; position: absolute">
                            <jsp:include page="encab1.jspf"/>
                        </div>
                        <ui:checkbox binding="#{crearVariable.checkboxLog}" id="checkboxLog" label="Mantener log de esta variable" style="font-size: 11px; left: 72px; top: 288px; position: absolute"/>
                        <ui:panelGroup binding="#{crearVariable.groupPanelContenedorTotalLista}" id="groupPanelContenedorTotalLista" style="left: 72px; top: 456px; position: absolute">
                            <h:panelGrid binding="#{crearVariable.gridPanelContenedorParaLista}" id="gridPanelContenedorParaLista">
                                <ui:label binding="#{crearVariable.defListaValoresLabel}" id="defListaValoresLabel"
                                    style="color: rgb(124, 162, 162); font-family: 'Geneva','Arial','Helvetica',sans-serif; font-size: 18px" text="Definicion de lista de valores"/>
                                <h:panelGrid binding="#{crearVariable.gridPanelParaTextFieldsYBotnesLista}" columns="3" id="gridPanelParaTextFieldsYBotnesLista">
                                    <ui:label binding="#{crearVariable.descripcionLabel1}" for="descripcionValorCapturadoTextField" id="descripcionLabel1"
                                        requiredIndicator="true" text="Descripcion :"/>
                                    <ui:textField binding="#{crearVariable.descripcionValorCapturadoTextField}" id="descripcionValorCapturadoTextField"
                                        style="width: 168px" tabIndex="13"/>
                                    <ui:button action="#{crearVariable.agregarDatoListaButton_action}" binding="#{crearVariable.agregarDatoListaButton}"
                                        id="agregarDatoListaButton" mini="true" primary="true" style="width: 72px" tabIndex="15" text="agregar"/>
                                    <ui:label binding="#{crearVariable.datoLabel}" for="datoValorTextField" id="datoLabel" requiredIndicator="true" text="Dato :"/>
                                    <ui:textField binding="#{crearVariable.datoValorTextField}" id="datoValorTextField" style="width: 168px" tabIndex="14"/>
                                    <ui:button action="#{crearVariable.eliminarButton_action}" binding="#{crearVariable.eliminarButton}" id="eliminarButton"
                                        mini="true" primary="true" style="width: 71px" tabIndex="16" text="Eliminar"/>
                                </h:panelGrid>
                                <ui:listbox binding="#{crearVariable.listaDeDatosListBox}" id="listaDeDatosListBox"
                                    items="#{crearVariable.listaDeDatosListBoxDefaultOptions.options}" labelLevel="1" labelOnTop="true"
                                    style="font-size: 10px; width: 192px" tabIndex="12" valueChangeListener="#{crearVariable.listaDeDatosListBox_processValueChange}"/>
                            </h:panelGrid>
                        </ui:panelGroup>
                        <ui:label binding="#{crearVariable.relacionadaLabel}" id="relacionadaLabel"
                            style="left: 72px; top: 432px; position: absolute; z-index: 500" text="Lista relacionada?"/>
                        <ui:panelGroup binding="#{crearVariable.groupPanelEnlaza}" id="groupPanelEnlaza" style="left: 72px; top: 456px; position: absolute">
                            <h:panelGrid binding="#{crearVariable.gridPanelParaEnlazamiento}" id="gridPanelParaEnlazamiento" style="height: 96px" width="432">
                                <ui:label binding="#{crearVariable.tituloEnlazaLabel}" id="tituloEnlazaLabel"
                                    style="color: rgb(124, 162, 162); font-family: 'Geneva','Arial','Helvetica',sans-serif; font-size: 18px" text="Enlazamiento de variables tipo lista"/>
                                <ui:label binding="#{crearVariable.explicaEnlazaLabel}" id="explicaEnlazaLabel"
                                    style="font-family: 'Arial','Helvetica',sans-serif; font-size: 10px" text="Nota: En la lista encontrara las areas que contienen variables tipo lista"/>
                                <ui:panelGroup binding="#{crearVariable.groupPanelVariableOrigen}" id="groupPanelVariableOrigen">
                                    <ui:label binding="#{crearVariable.varOrigenLabel}" id="varOrigenLabel" text="Area Origen"/>
                                    <ui:dropDown binding="#{crearVariable.areaOrigenDropDown}" id="areaOrigenDropDown"
                                        items="#{crearVariable.sct0020DPAreaConVarTipoLista.options['CODIGO,NOMBRECODIGO']}"
                                        onChange="common_timeoutSubmitForm(this.form, 'groupPanelEnlaza:gridPanelParaEnlazamiento:groupPanelVariableOrigen:areaOrigenDropDown');"
                                        style="font-size: 10px; width: 240px" valueChangeListener="#{crearVariable.areaOrigenDropDown_processValueChange}"/>
                                </ui:panelGroup>
                                <ui:listbox binding="#{crearVariable.listBoxvariableOrigen}" id="listBoxvariableOrigen"
                                    items="#{crearVariable.sct0001DataProvider.options['CDGOVRBLE,NMBREVRBLE']}" labelLevel="1" labelOnTop="true" style="width: 216px"/>
                            </h:panelGrid>
                        </ui:panelGroup>
                        <ui:hiddenField binding="#{crearVariable.controlPopUpHF}" id="controlPopUpHF"/>
                        <ui:dropDown binding="#{crearVariable.exigibleDropDown}" id="exigibleDropDown"
                            items="#{crearVariable.exigibleDropDownDefaultOptions.options}" style="font-size: 10px; left: 216px; top: 312px; position: absolute" tabIndex="3"/>
                        <ui:dropDown binding="#{crearVariable.tipoDatoDropDown}" id="tipoDatoDropDown"
                            items="#{crearVariable.tipoDatoDropDownDefaultOptions.options}" onChange="common_timeoutSubmitForm(this.form, 'tipoDatoDropDown');"
                            style="font-size: 10px; left: 216px; top: 360px; position: absolute" tabIndex="5" valueChangeListener="#{crearVariable.tipoDatoDropDown_processValueChange}"/>
                        <ui:button action="#{crearVariable.button1_action}" binding="#{crearVariable.button1}" id="button1" mini="true" primary="true"
                            style="left: 167px; top: 168px; position: absolute; width: 71px" text="Cerrar"/>
                    </ui:form>
                </ui:body>
                <ui:script>
                      function displayAlertBox(){
                         var afterSubmit = document.getElementById("form1:controlPopUpHF").value;
                         if (afterSubmit!=""){
                                document.getElementById("form1:controlPopUpHF").value="";
                                var respuesta = alert("Variable creada exitosamente");
                         }
                }
                </ui:script>
            </ui:html>
        </ui:page>
    </f:view>
</jsp:root>
